<template>
<!--  榜单筛选 -->
  <div>
    <div class="content">

        <card/>

    </div>


  </div>

</template>

<script lang="ts">
import {defineComponent} from "vue";

export default defineComponent({
  name: "recommend",
});
</script>

<script setup lang="ts">
import list from "@/views/home/components/public/list.vue";
import Card from "@/components/card/index.vue";
import {onMounted, ref} from "vue";
import useHomeStore from '@/stores/home'

const homeStore = useHomeStore()
// 推荐视频列表
const RecommendVideoList = ref([])

const getRecommendList = async () =>{
  try {
    await homeStore.getRecommendData(20,1)
    RecommendVideoList.value = homeStore.recommendList
  }catch (err:any){
    console.log(err.message)
  }
}

onMounted(() =>{
  getRecommendList()
  console.log(RecommendVideoList,1111)
})
</script>

<style scoped lang="scss">
.content{
  display: flex;
  flex-flow: wrap;

}

</style>
